<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<blc:head pageTitle="#{contact.form.title}" />

<body>
    <div id="notification_bar"></div>
    <header th:substituteby="layout/partials/header" />
	<nav th:substituteby="layout/partials/nav" />
	
    <div id="content" class="width_setter group main-content" role="main">
    
    	<div th:substituteby="contact/partials/contactDetails" />
       	<div th:substituteby="contact/partials/contactForm" />
    
        <section id="right_column">
            <span class="filters-title">Featured Products</span>
            <div id="options">
                <div class="section">
                    <blc:related_products categoryId="2001" quantity="3"/>  
                    <ul id="featured_products" class="group">
                        <li th:each="relatedProduct : ${relatedProducts}" th:object="${relatedProduct.relatedProduct}" th:include="catalog/partials/productListItem" class="product_container"></li>
                    </ul>
                </div>                                  
            </div>
        </section>              
    </div>
    
    <div class="clear"/>
    <footer th:substituteby="layout/partials/footer" />
    
</body>
</html>
